<template>
  <div class="page_body">
    <HomeTop :topTitle="topTitle"></HomeTop>

    <div class="page_list" v-html="rule">
    </div>
  </div>
</template>
<style src="../../assets/css/function/gameRules.css" scoped></style>

<script>
import HomeTop from "@/components/homeTop.vue";
import { Indicator, Toast } from "mint-ui";
export default {
  name: "gameRules",
  components: {
    HomeTop,
  },
  data() {
    return {
      topTitle: "竞赛规程",
      rule:''
    };
  },
  created(){
    this.getEventRule()
  },
  methods: {
    getEventRule(){
      let url = "/mobile/eventRule";
      Indicator.open();
      this.axios
        .post(url)
        .then((res) => {
          Indicator.close();
          if (res.code == 0) {
            this.rule = res.rule;
          }
        })
        .catch(function (error) {
          Indicator.close();
          console.log(error);
        });
    }
  },
};
</script>
